<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head lang="zh">
    <meta charset="UTF-8"/>
    <title>我的名片</title>
    <style th:inline="text">
        body{font-family: "Microsoft Yahei",Arial,sans-serif; }
        *{padding: 0;margin: 0;}
        h2{font-style: normal;font-weight: normal;}
        .main{width: 300px;background: #fff;border-radius: 5px;border: 1px solid #ddd;padding: 8px 8px 3px 8px;margin:1px auto;}
        .tit{margin-bottom: 30px;overflow: hidden;}
        .touxiang{display: inline-block;height: 80px;width: 80px;margin-right: 15px;border-radius: 5px;float: left;overflow: hidden;}
        .name{padding-top: 8px;float: left;}
        .name h2{font-size: 22px;margin-bottom: 8px;}
        .name span{font-size: 14px;color: #7B7B7B}
        .erweima img{width: 200px;height: 200px;display: block;margin: 0 auto;}
        .erweima span{font-size: 12px;color: #B0AFB0;display: block;margin: 20px auto 0 auto;text-align: center;}
        .erweima-tx{position: relative;width:230px;height: 230px;margin:0 auto;}
        .erweima-tx img{position: absolute;width: 60px;height:60px;top:50%;left: 50%;margin-top: -30px;margin-left: -30px;border-radius: 5px;border: 2px solid #fff;}
        .erweima-tx .erweima-bg{width: 230px;height: 230px;position: absolute;top:50%;left: 50%;margin-top:-115px;margin-left: -115px;}
    </style>
</head>
<body>
<div class="main">
    <div class="tit">
        <img th:src="${avatarUrl}" class="touxiang" alt=""/>
        <div class="name">
            <h2 th:text="${name}"></h2>
            <span th:text="${corpName}"></span>
        </div>
    </div>
    <div class="erweima">
        <div class="erweima-tx">
            <img th:src="${qrCodeUrl}" class="erweima-bg" alt=""/>
            <img th:src="${avatarUrl}" alt=""/>
        </div>
        <span>扫一扫上面的二维码图案，加我企业微信</span>
    </div>

</div>
</body>
</html>
